<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
     .box{
     	width: 510px;
     	height: 240px;
     	background: #171717;
     	margin: 0 auto;
     	text-align: center;
     	color: #fff;
     	font-size: 30px;
     }
     .box .caitiao{
     	width: 450px;
     	height: 2px;
     	background: #B3FF4C;
     	margin: 0 auto;
     	margin-top: 5px;
     }
     .box .shijian{
     	width: 100%;
     	height: 100px;
     	color: #fff;
     	margin-top: 80px;
     	color: #A2FF47;
     	font-size: 40px;
     	font-weight: bold;
       letter-spacing: 6px;
     }
	</style>
	<script type="text/javascript">

        function run () {
		var date1 = new Date('2016/10/1');
		// alert(date1.getMonth());

		var date2 = new Date();
		var guoqingtime = Math.ceil(date1.getTime()/1000);
		var currenttime = Math.ceil(date2.getTime()/1000);

		var difftime = guoqingtime-currenttime;

		var xbsdate = Math.floor(difftime/86400);
		var xbshour = Math.floor((difftime%86400)/3600);
		var xbsfeng = Math.floor(((difftime%86400)%3600)/60);
		var xbsmiao = Math.floor(((difftime%86400)%3600)%60);
		// document.write();
		box = document.getElementById('box');
		box.innerHTML = xbsdate+':'+xbshour+':'+xbsfeng+':'+xbsmiao;
	}

	setInterval(run,1000);


	</script>
</head>
<body>
<div class="box"><span>距离国庆还有</span>
<div class="caitiao"></div>	
<div class="shijian" id="box"></div>
</div>
</body>
</html>